<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<style>
			body {
	background: #fff;
}

.empty {
	margin-top: 30%;
	text-align: center;
}

.empty>img {
	width: 184px;
}

.empty>div {
	font-size: 16px;
	color: #21B0FD;
}

.choice {
	width: 170px;
	margin: 0 auto;
	margin-top: 40%;
}

.choice>button {
	background: #21B0FD;
	border: #21B0FD;
	width: 100%;
	border-radius: 50px;
}

@media screen and (max-height: 480px) {
	.empty {
		margin-top:20%;
		text-align: center;
	}
	.choice {
		margin-top: 20%;
	}
}
.content{
	width:100%;
	height: 100%;
}
.empty {
	margin-top: 30%;
	text-align: center;
}

.empty>img {
	width: 184px;
}

.empty>div {
	font-size: 16px;
	color: #21B0FD;
}

.choice {
	width: 170px;
	margin: 0 auto;
	margin-top: 40%;
}

.choice>button {
	background: #21B0FD;
	border: #21B0FD;
	width: 100%;
	border-radius: 50px;
}

@media screen and (max-height: 480px) {
	.empty {
		margin-top:20%;
		text-align: center;
	}
	.choice {
		margin-top: 20%;
	}
}

		</style>
	</head>

	<body style="background:#F3F3EF;">
		<div class="content">
			<div class="empty">
				<img src="../../imges/715534806170727595.png">
				<div>暂时没有朗读作业</div>
			</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/libs/zepto_1.1.3.js"></script>
		<script src="../../js/common/common.js"></script>
		<script type="text/javascript">
			mui.init()
			
			

//			
//			$(".choice").on("tap", function() {
//				var indexId = plus.webview.getWebviewById("index.html");
//				mui.fire(indexId,"goRecommended");		
//			})
			
			/*$(".mui-btn-green").on("tap",function(){
				window.parent.parents()
			})*/
			
			
		</script>
	</body>

</html>